import Card from '../UI/Card/Card'
import LogItem from './LogItem/LogItem'
import './Logs.css'

const logs = (props) => {
    
    const logsItemData = props.logsData.map(item =>  <LogItem {...item}/>)
    
    return <Card className="logs">
        {logsItemData}
    </Card>
}

export default logs;
